import Vue from 'vue'
import App from './App.vue'
/* import Home from "@/views/Home.vue"
import Class from "@/views/Class.vue"
import Order from "@/views/Order.vue"
import My from "@/views/My.vue" */

/* import Home2 from "@/views/Home2.vue"
import Lism from "@/views/Lism.vue"
import Sports from "@/views/Sports.vue"
import SportsHome from "@/views/Second/Sports_home"
import SportsIn from "@/views/Second/Sports_in"
import SportsUp from "@/views/Second/Sports_up" */

import UlRouter from "@/views/Ul_Router.vue"
import Contacts from "@/views/Contacts.vue"
import About from "@/views/About.vue"
import AllContacts from "@/views/Second/All_contacts.vue"
import Alice from "@/views/Second/Alice.vue"
import Bob from "@/views/Second/Bob.vue"
import VueRouter from "vue-router"
import Blog from "@/views/Second/third/Blog.vue"
import Fax from "@/views/Second/third/Fax.vue"

Vue.use(VueRouter)
Vue.config.productionTip = false
/* const routes = [
  {
    path: '/',
    redirect: '/home'
  },
  {
    path: '/home',
    component: Home
  },
  {
    path: '/class',
    component: Class
  },
  {
    path: '/order',
    component: Order
  },
  {
    path: '/my',
    component: My
  }
] */

/* const routes = [
  {
    path: '/home2',
    component: Home2
  },
  {
    path: '/lism',
    component: Lism
  },
  {
    path: '/sports',
    component: Sports,
    children: [
      {
        path: '/sports_home',
        component: SportsHome
      },
      {
        path: '/sports_in',
        component: SportsIn
      },
      {
        path: '/sports_up',
        component: SportsUp
      }
    ]
  }
] */
const routes = [
  {
    path: '/ul_router',
    component: UlRouter
  },
  {
    path: '/contacts',
    component: Contacts,
    children: [
      {
        path: '/all_contacts',
        component: AllContacts
      },
      {
        path: '/alice',
        component: Alice
      },
      {
        path: '/bob',
        component: Bob,
        children: [
          {
            path: '/blog',
            component: Blog
          },
          {
            path: '/fax',
            component: Fax
          }
        ]
      }
    ]
  },
  {
    path: '/about',
    component: About
  }
];

const router = new VueRouter({
  routes
})

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')
